/*
  该文件是整个项目的入口文件
*/
//引入Vue
import Vue from 'vue'  //引入的是vue/dist/vue.runtime.esm.js (看这个文件夹下的package.json中的module)
// import Vue from 'vue/dist/vue'
//引入App组件,它是所有组件的父组件
import App from './App.vue'
//关闭vue的生产提示
Vue.config.productionTip = false
/*
  关于不同版本的Vue:
  1. vue.js与vue.runtime.xxx.js的区别:
    1. vue.js是完整版的Vue,包含:核心功能+模板解析器.
    2. vue.runtime.xxx.js是运行版的Vue,只包含:核心功能,没有模板解析器.
  2. 因为vue.runtime.xxx.js没有模板解析器,所以不能使用template配置项,需要使用render函数接收到createElement函数去指定具体内容.
*/


//创建Vue实例队形---vm
// new Vue({
//   //下面这行代码一会解释,完成了这个功能:将App组件放入容器中
//   render: h => h(App),
// }).$mount('#app')

new Vue({
  el: '#app',
  template: `<App</App>`,
  components: { App },
  /* render(createElement) {
    // console.log('render', typeof createElement)
    return createElement('h1', '你好啊')
  }, */ 
  /* render: (createElement) => {
    // console.log('render', typeof createElement)
    return createElement('h1', '你好啊')
  }, */ //可以简写为以下形式
  // render: createElement => createElement('h1', '你好啊'),
  render: q => q('h1', '你好啊'),
})
